<template>
  <div id="qianqichjgcs" class="app-container">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName">
        <el-tab-pane label="图件审查" name="1" />
        <el-tab-pane label="附件审查" name="2" />
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportYijian">
          <i class="el-icon-upload2" /> 导出审查意见
        </div>
        <div v-if="!isLook" class="dachuShenCha_item" @click="exportOpinion">
          <i class="el-icon-document-checked" /> 校验审查意见
        </div>
      </div>
    </div>
    <div v-show="activeName=='1'" v-loading="listLoading" class="tdMap-box">
      <tdMap
        ref="tdMap"
        :pk-list="list"
        :xian-zhuang-path="xianZhuangFliePath"
        :cuowu-list="cuowuListData"
        :yijian-info="yijianInfoData"
        :is-look="isLook"
        show-sjsc="true"
        layer-name="LaterMappingResultAudit"
        link-value="LATER_MAPPING_RESULT_FIRST_AUDIT"
      >
        <template slot="buttonGroup">
          <el-button size="medium" @click="handleXzViewInto">现状图</el-button>
        </template>
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{list[curIndex].qlr}}</td>
            </tr>
            <tr>
              <th>红线面积</th>
              <td>{{list[curIndex].sshxm | M2}}</td>
            </tr>
            <tr>
              <th>占建设用地类百分比</th>
              <td>
                <span :class="{redText:list[curIndex].jxzdm < 50}">{{ list[curIndex].jxzdm }}%</span>
              </td>
            </tr>
            <tr>
              <th>建设用地复垦面积</th>
              <td>{{list[curIndex].sshxm | M2}}</td>
            </tr>
            <tr>
              <th>宅基地面积</th>
              <td>{{list[curIndex].nczjd | M2}}</td>
            </tr>
            <tr>
              <th>宅基地附属用地面积</th>
              <td>{{list[curIndex].zjdfs | M2}}</td>
            </tr>
            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{list[curIndex].yjjsj | M2}}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{list[curIndex].yjzjn | M2}}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{list[curIndex].yjzjg | M2}}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{list[curIndex].yjzjl | M2}}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{list[curIndex].yjzjy | M2}}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{list[curIndex].yjzjq | M2}}</td>
            </tr>
            <tr>
              <th>权属单位</th>
              <td>{{list[curIndex].qsdw}}</td>
            </tr>
            <tr>
              <th>图幅号</th>
              <td>{{list[curIndex].tfh}}</td>
            </tr>
            <tr>
              <th>图斑号</th>
              <td>{{list[curIndex].tbh}}</td>
            </tr>
            <tr>
              <th>图斑面积</th>
              <td>{{ list[curIndex].tbdlm | M2 }}</td>
            </tr>
            <tr>
              <th>小地名</th>
              <td>{{list[curIndex].xdm}}</td>
            </tr>
          </table>
        </div>
        <div slot="popupJgInfo">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div v-if="jgInfoData.xctk" class="item-box">
              <div
                class="one-item one-item-item item-box-firstItem"
              >竣工测绘时间：{{ jgInfoData.xctk.time ? jgInfoData.xctk.time : '' }}</div>
              <div class="table-box">
                <div class="table-box-left table-box-item">竣工测绘资料</div>
                <div class="table-box-right table-box-item">
                  <ul v-if="jgInfoData.xctkList.length != 0" class="ziliaoList">
                    <li
                      v-for="(item,index) in jgInfoData.xctkList"
                      :key="index"
                      @click="handleImageDialog(item)"
                    >{{ item.name }}</li>
                  </ul>
                  <div v-if="jgInfoData.xctkList.length==0" style="color:#666;">- 暂无数据 -</div>
                </div>
              </div>
            </div>
            <div v-else class="no-data">- 暂无数据 -</div>
          </div>
        </div>

        <!-- 数据审查 s -->
        <div slot="popupSjscInfo">
          <el-form style="width: 460px;">
            <el-form-item label="审定规模与送审规模是否一致：">
              <el-radio v-model="itemDataForTable.isIdenticalScale" label="YES">是</el-radio>
              <el-radio v-model="itemDataForTable.isIdenticalScale" label="NO">否</el-radio>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="审增(减)原因："
              label-width="120px"
            >
              <el-input
                v-model="itemDataForTable.auditScaleChangeReason"
                :rows="3"
                type="textarea"
                placeholder="请输入审增(减)原因"
              />
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="宅基地面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.homestead" placeholder="请输入宅基地面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="附属用地面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.attachedLand" placeholder="请输入附属用地面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item
              v-if="itemDataForTable.isIdenticalScale == 'NO'"
              label="其他面积："
              label-width="120px"
            >
              <el-input v-model="itemDataForTable.other" placeholder="请输入其他面积">
                <span slot="suffix">㎡</span>
              </el-input>
            </el-form-item>
            <el-form-item v-if="!isLook">
              <el-button type="primary" @click="submitYj1">提交</el-button>
            </el-form-item>
          </el-form>
        </div>
        <!-- 数据审查 e -->
      </tdMap>
    </div>

    <fujian
      v-show="activeName == '2'"
      ref="fujianChild"
      :is-look="isLook"
      :fujian-list="fujianList"
      :cuowu-list="cuowuList"
      :link-value="linkValue"
    />

    <!-- <el-dialog
      title="外业审查意见"
      :visible.sync="shenchaFlag1"
      :before-close="handleClose1"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div>
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">外业信息</div>
            <div class="item-box">
              <div class="item-box-box one-item-item">
                <div class="item-box-box-right">
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked1">复垦点坐标是否准确？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked2">测绘成果与实地是否一致？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked3">主体房屋是否已复垦？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked4">实施范围是否与现场一致？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked5">工程位置是否准确？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked6">复垦后照片能否反映现状？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked7">工程量标注是否准确？</el-checkbox>
                  </div>
                  <div class="one-item check">
                    <el-checkbox :value="wyData.checked8">范围外地类与现场是否一致？</el-checkbox>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="zonghexinxiFirst zonghexinxiItem wyJibenxinxi">
            <div class="zonghexinxiLeft">外业资料</div>
            <div class="item-box">
              <div class="table-box">
                <div class="table-box-right table-box-item">
                  <ul class="ziliaoList" v-if="wyData.imgArr.length!=0">
                    <li
                      @click="handleImageDialogWy(item)"
                      v-for="(item,index) in wyData.imgArr"
                      :key="index"
                    >{{item.name}}</li>
                  </ul>
                  <div v-else class="no-data">暂无信息</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="shenchaItem">
          <p>是否通过：</p>
          <div class="shenchaItem_item">
            <el-radio-group v-model="waiyeObj.waiyeRadio">
              <el-radio label="YES">是</el-radio>
              <el-radio label="NO">否</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer" v-if="!isLook">
        <el-button @click="shenchaFlag1 = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitWy"
        >确 定</el-button>
      </span>
    </el-dialog>-->
    <!-- 综合监管信息图片 -->
    <el-dialog :close-on-click-modal="false" :title="dialogImageUrlTitle" :visible.sync="dialogVisible">
      <img width="100%" :src="$https +dialogImageUrl" />
    </el-dialog>
    <el-dialog :close-on-click-modal="false" title="查看全景图" :visible.sync="panoramaPopup">
      <div ref="panorama" style="text-align:center;width:100%;height:500px"></div>
    </el-dialog>
    <!-- 外业信息图片、视频查看 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="wyData.jgTitle"
      :visible.sync="wyData.imgShow"
      :before-close="handleCloseWySee"
      class="imgDaolig"
    >
      <div
        class="imgBox"
        style="width:500px;height:500px;margin:0 auto;"
        v-if="wyData.showImgType==1"
      >
        <img style="width:100%;height:100%;" :src="$https+wyData.imgSrc" alt />
      </div>
      <div
        class="imgBox"
        style="width:700px;height:400px;margin:0 auto;"
        v-if="wyData.showImgType==2"
      >
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https + wyData.imgSrc"
        />
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryLandResultAuditInfo,
  checkProjectResultAuditInfo,
  auditLandResultInfo,
  laterEnterpriseCheck,
  getLandStatusMapAuditInfo,
  getLaterCsWyData
} from "@/api/jjgc";
import { getNormalOpinionType } from "@/api/getOpinion";
import tdMap from "@/components/tdMap";
import fujian from "@/components/fujianList";
import PhotoSphereViewer from "photo-sphere-viewer";
import "photo-sphere-viewer/dist/photo-sphere-viewer.css";
import { getWySupervisingCheck } from "@/api/common";
export default {
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: "success",
        draft: "gray",
        deleted: "danger"
      };
      return statusMap[status];
    }
  },
  components: {
    tdMap,
    fujian
  },
  data() {
    return {
      linkValue: "LATER_MAPPING_RESULT_FIRST_AUDIT",
      xianZhuangFliePath: "",
      cuowuListData: [],
      // 外业单选
      waiyeObj: {
        waiyeRadio: "",
        landId: ""
      },
      shenchaFlag1: false,
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      radio: "YES", //该片块图件是否为遗漏复垦点
      radio1: "YES", //审定规模与送审规模是否一致
      textarea: "",
      value: "",
      showChaKan: false, //显示隐藏查看框
      data: [
        {
          id: 1,
          label: "土地利用规划",
          children: [
            {
              id: 8,
              label: "总体规划"
            },
            {
              id: 9,
              label: "管理区规划"
            },
            {
              id: 10,
              label: "土地整治规划"
            }
          ]
        },
        {
          id: 2,
          label: "土地利用现状",
          children: [
            {
              id: 5,
              label: "2018年"
            },
            {
              id: 6,
              label: "2017年"
            }
          ]
        }
      ],
      activeName: "1",
      list: null,
      listLoading: false,
      listQuery: {
        page: 1,
        size: 10,
        projectId: localStorage.getItem("projectId")
      },
      total: 0, //总数
      defaultProps: {
        children: "children",
        label: "label"
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示三个输入框
      fujianList: [], //附件数组
      itemData: "", //单个附件的数据
      yijianValue: "", //意见值
      yijianContent: "", //意见内容
      itemDataForTable: {
        landId: "", //片块ID
        isIdenticalScale: "YES", //审定规模与送审规模是否一致,可用值:YES,NO
        auditScaleChangeReason: "", //审减（增）原因，有原因时填写
        attachedLand: "", //附属用地
        homestead: "", //宅基地
        other: "" //其他
      },

      mapConfig: {
        map: null,
        lng: 106.55,
        lat: 29.57,
        zoom: 10,
        lay: null
      },
      T: null,

      isText: true,
      isLoading: false,
      viewText: false,
      curProgress: "",
      isLook: false,
      isReadOnly: false,

      curIndex: null,
      jgInfoData: {
        //监管信息数据
        xctk: "",
        xctkList: [],
        panoramaImg: "" //全景照
      },
      quanjin: "",
      panoramaImg: require("@/assets/panorama.jpg"),
      dialogVisible: false,
      dialogImageUrl: null,
      dialogImageUrlTitle: "查看图片",
      panoramaPopup: false,
      //意见
      yijianInfoData: {
        yijianValue: "",
        yijianContent: "",
        status: ""
      },
      wyData: {
        checked1: "",
        checked2: "",
        checked3: "",
        checked4: "",
        checked5: "",
        checked6: "",
        checked7: "",
        checked8: "",
        imgArr: [],
        imgShow: false,
        jgTitle: "查看",
        imgSrc: "",
        showImgType: "" // 区别视频或者图片 1 图片 2 视频
      },
      nySjscView: false
    };
  },
  created() {
    this.curProgress = localStorage.getItem("router");
    if (this.curProgress != "LATER_MAPPING_RESULT_FIRST_AUDIT") {
      this.isLook = true;
      this.isReadOnly = true;
    } else {
      this.isReadOnly = false;
    }
    if (localStorage.getItem("lookStatus") == 2) {
      this.isLook = true;
      this.isReadOnly = false;
    }
    this.getData();
    this.getFujian();
    this.getOpinionType();
  },
  methods: {
    handleImageDialogWy(row) {
      // 查看综合监管信息图片、视频
      this.wyData.imgShow = true;
      this.wyData.imgSrc = row.path;
      this.wyData.showImgType = row.type;
      if (row.type == 1) {
        this.wyData.jgTitle = "查看图片";
      } else {
        this.wyData.jgTitle = "查看视频";
        this.$nextTick(() => {
          var vedio = document.getElementById("showVedio");
          vedio.play();
        });
      }
    },
    handleCloseWySee() {
      // 关闭监管信息弹窗
      this.wyData.imgShow = false;
      var vedio = document.getElementById("showVedio");
      vedio.currentTime = 0;
      vedio.pause();
    },
    getWyData(landId) {
      // 外业信息
      let obj = {
        landId: landId
      };
      getLaterCsWyData(obj).then(res => {
        let data = res.data;
        this.wyData.checked1 = data.ifDonateRight
          ? data.ifDonateRight == "YES"
            ? true
            : data.ifDonateRight == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked2 = data.ifResultRight
          ? data.ifResultRight == "YES"
            ? true
            : data.ifResultRight == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked3 = data.ifztfw
          ? data.ifztfw == "YES"
            ? true
            : data.ifztfw == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked4 = data.ifssfw
          ? data.ifssfw == "YES"
            ? true
            : data.ifssfw == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked5 = data.ifgcwz
          ? data.ifgcwz == "YES"
            ? true
            : data.ifgcwz == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked6 = data.iffyxz
          ? data.iffyxz == "YES"
            ? true
            : data.iffyxz == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked7 = data.ifgclbz
          ? data.ifgclbz == "YES"
            ? true
            : data.ifgclbz == "NO"
            ? false
            : ""
          : "";
        this.wyData.checked8 = data.iffwwdl
          ? data.iffwwdl == "YES"
            ? true
            : data.iffwwdl == "NO"
            ? false
            : ""
          : "";

        this.$nextTick(() => {
          let obj1 = {
            page: 1,
            size: 999,
            photo: data.photo ? data.photo : "",
            vcr: data.vcr ? data.vcr : ""
          };
          getWySupervisingCheck(obj1).then(res1 => {
            console.log(res1, "zonghedetiel");
            var imageGeShi = [
              "bmp",
              "pcx",
              "png",
              "jpg",
              "jpeg",
              "gif",
              "tiff"
            ];
            var videoGeShi = [
              "mp4",
              "avi",
              "flv",
              "rmvb",
              "mkv",
              "gif",
              "mov",
              "rm",
              "3gp"
            ];
            var mainList = [];
            var mainList1 = [];
            res1.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList.push({
                    name: "外业核查照片",
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  });
                }
              });
            });
            res1.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList1.push({
                    name: "核查现场视频",
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  });
                }
              });
            });
            // 名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });

            this.wyData.imgArr = mainList.concat(mainList1);
          });
        });
      });
    },
    // 打开现状图
    handleXzViewInto() {
      this.$refs.tdMap.handleXzView();
    },
    // 片块基本信息
    getCurListIndex(index) {
      this.curIndex = index;
      if (this.curIndex != null) {
        this.getJgInfo();
        this.renderNySjscData(this.list[this.curIndex]);
      }
    },
    renderNySjscData(item) {
      this.itemDataForTable["landId"] = item.landId;
      if (item.auditDto.auditScaleChangeStatus == "AUDIT") {
        this.nySjscView = false;
        this.resetNySjsc();
      } else if (item.auditDto.auditScaleChangeStatus == "VIEW") {
        this.nySjscView = true;
        this.itemDataForTable["isIdenticalScale"] =
          item.auditDto.isIdenticalScale;
        this.itemDataForTable["auditScaleChangeReason"] =
          item.auditDto.auditScaleChangeReason;
        this.itemDataForTable["attachedLand"] = item.auditDto.attachedLand;
        this.itemDataForTable["homestead"] = item.auditDto.homestead;
        this.itemDataForTable["other"] = item.auditDto.other;
      }
    },
    resetNySjsc() {
      this.itemDataForTable["isIdenticalScale"] = "YES";
      this.itemDataForTable["auditScaleChangeReason"] = "";
      this.itemDataForTable["attachedLand"] = "";
      this.itemDataForTable["homestead"] = "";
      this.itemDataForTable["other"] = "";
    },
    handleImageDialog(item) {
      if (item.id == 1) {
        this.dialogImageUrl = item.src;
        this.dialogImageUrlTitle = item.name;
        this.dialogVisible = true;
      } else if (item.id == 2) {
        this.panoramaPopup = true;
        this.quanjin = item.src;
        if (!this.$refs.panorama) {
          this.$nextTick(() => {
            PhotoSphereViewer({
              panorama:
                this.quanjin == "" || this.quanjin == null
                  ? this.panoramaImg
                  : this.$https + this.quanjin,
              container: this.$refs.panorama,
              time_anim: 3000,
              navbar: true,
              navbar_style: {
                backgroundColor: "rgba(58, 67, 77, 0.7)"
              }
            });
          });
        }
      }
    },
    getJgInfo() {
      // 获取综合监管信息
      const obj = {
        landId: this.list[this.curIndex].landId
      };
      laterEnterpriseCheck(obj).then(res => {
        this.jgInfoData.xctk = res.data;
        if (res.data) {
          if (
            res.data.positionOneFilePath != null &&
            res.data.positionOneFilePath != ""
          ) {
            var index = res.data.positionOneFilePath.indexOf(".");
            var positionOneFilePathType = res.data.positionOneFilePath.substring(
              index,
              res.data.positionOneFilePath.length
            );
            this.jgInfoData.xctkList.push({
              name: "复垦点方位一照片" + positionOneFilePathType,
              src: res.data.positionOneFilePath,
              id: 1
            });
          }
          if (
            res.data.positionTwoFilePath != null &&
            res.data.positionTwoFilePath != ""
          ) {
            var index = res.data.positionTwoFilePath.indexOf(".");
            var positionTwoFilePathType = res.data.positionTwoFilePath.substring(
              index,
              res.data.positionTwoFilePath.length
            );
            this.jgInfoData.xctkList.push({
              name: "复垦点方位二照片" + positionTwoFilePathType,
              src: res.data.positionTwoFilePath,
              id: 1
            });
          }
          if (
            res.data.positionThreeFilePath != null &&
            res.data.positionThreeFilePath != ""
          ) {
            var index = res.data.positionThreeFilePath.indexOf(".");
            var positionThreeFilePathType = res.data.positionThreeFilePath.substring(
              index,
              res.data.positionThreeFilePath.length
            );
            this.jgInfoData.xctkList.push({
              name: "复垦点方位三照片" + positionThreeFilePathType,
              src: res.data.positionThreeFilePath,
              id: 1
            });
          }
          if (
            res.data.positionFourFilePath != null &&
            res.data.positionFourFilePath != ""
          ) {
            var index = res.data.positionFourFilePath.indexOf(".");
            var positionFourFilePathType = res.data.positionFourFilePath.substring(
              index,
              res.data.positionFourFilePath.length
            );
            this.jgInfoData.xctkList.push({
              name: "复垦点方位四照片" + positionFourFilePathType,
              src: res.data.positionFourFilePath,
              id: 1
            });
          }
          if (
            res.data.panoramagramFilePath != null &&
            res.data.panoramagramFilePath != ""
          ) {
            this.jgInfoData.xctkList.unshift({
              name: "空中全景照片",
              src: res.data.panoramagramFilePath,
              id: 2
            });
          }
        }
      });
    },
    // 打开外业审查意见弹框
    shenchaWy(row) {
      this.waiyeObj.landId = row.landId;
      this.getWyData(row.landId);
      if (row.auditDto.isStoringRecordInspectionStatus == "VIEW") {
        this.waiyeObj.waiyeRadio = row.auditDto.isStoringRecordInspection;
      } else if (row.auditDto.isStoringRecordInspectionStatus == "AUDIT") {
        this.waiyeObj.waiyeRadio = "";
      }
    },
    exportYijian() {
      // 导出意见
      this.$refs.tdMap.handleExportOpinion();
    },
    exportOpinion() {
      this.$refs.tdMap.handleCheckOpinion({
        stage: "LaterMappingResultAudit",
        path: "/xmss/ywdeal"
      });
    },
    // 提交意见(列表)
    submitYj1() {
      const _data = {
        ...this.itemDataForTable,
        projectId: localStorage.getItem("projectId")
      };
      const loadingInstance = this.$loading(this.$loadingData);
      auditLandResultInfo(_data)
        .then(res => {
          loadingInstance.close();
          this.$message({
            message: "审查成功",
            type: "success"
          });
          this.getData();
        })
        .catch(() => {
          loadingInstance.close();
        });
    },
    // 获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        this.cuowuList = res.data;
        this.cuowuListData = res.data;
      });
    },
    // 获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem("projectId")
      };
      checkProjectResultAuditInfo(data).then(res => {
        this.fujianList = res.data.projectAccessoryList;
      });
    },
    // 获取现状图
    getXianZhangData(data) {
      getLandStatusMapAuditInfo({
        landId: data.landId
      }).then(res => {
        this.xianZhuangFliePath = res.data.statusMap.filePath;
      });
    },
    // 前往查看现状图
    toSeeXianZhuang(row) {
      this.getXianZhangData(row);
    },
    getData() {
      this.listLoading = true;
      queryLandResultAuditInfo(this.listQuery)
        .then(res => {
          this.listLoading = false;
          this.list = res.data.rows;
          this.total = res.data.total;
        })
        .catch(() => {
          this.listLoading = false;
        });
    },
    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index);
    }
  }
};
</script>

<style lang="scss" scoped>
#qianqichjgcs .redPercent {
  color: red;
}
#qianqichjgcs /deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}
#qianqichjgcs .mapBox {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#qianqichjgcs .mapBox_right {
  width: 85%;
  height: 600px;
}
#qianqichjgcs .ditudanghang {
  background: #f2f2f2;
  height: 40px;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 40px;
}
.fujianShenCha {
  overflow: auto;
}
#qianqichjgcs .fujianList {
  margin-top: 30px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  margin-right: 3%;
}
.chaKanBox {
  float: left;
  width: 70%;
  box-sizing: border-box;
}
#qianqichjgcs .fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}
#qianqichjgcs .fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #444;
}
#qianqichjgcs .dachuShenChaBox {
  position: relative;
}
#qianqichjgcs .dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}
.showDetail {
  display: flex;
  justify-content: space-between;
}
.chaKanBox_right_select {
  display: flex;
  align-items: center;
}
.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}
.chaKanBox_left {
  width: 70%;
  margin-right: 3%;
  height: calc(100vh - 250px);
}
.chaKanBox_right {
  width: 27%;
}
.chaKanBox_right_item {
  margin-bottom: 20px;
}
.chaKanBox_right_item_textarea {
  width: 100%;
}
.shenchaItem {
  display: flex;
  align-items: center;
}
.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}
.shenchaItem_item_textarea {
  width: 100%;
}
.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenchaItem_small {
  margin-top: 20px;
}
.shenchaItem_small p {
  width: 100px;
}
.shenchaItem_item_input {
  width: 260px;
}

/deep/ .el-tree-node__label {
  margin-left: 10px;
}

.bgFujian {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.fujianTitle {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}
.fujianContent {
  margin-left: 30px;
  background: #f5f8fa;
  width: 90%;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fujianName {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
  width: 80%;
}
.fujianName .fujianNamePdf {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fujianName .icon {
  display: block;
  font-size: 20px;
  margin-right: 10px;
  color: #409eff;
}

.isHover {
  color: #409eff;
  font-size: 13px;
  width: 50px;
}
.isHover span {
  padding: 0px 3px;
  margin: 3px 5px 3px 0;
  cursor: pointer;
  display: block;
  float: left;
}
</style>
